<template>
  <div class="about">
    <h1>关于我们</h1>
    <p>这是一个赛事数据管理系统，用于管理和展示比赛数据。</p>
    <el-card>
      <h3>技术栈</h3>
      <ul>
        <li>Vue 3 - 前端框架</li>
        <li>Element Plus - UI 组件库</li>
        <li>VXE Table - 表格组件</li>
        <li>Pinia - 状态管理</li>
        <li>Vue Router - 路由管理</li>
        <li>TypeScript - 类型支持</li>
      </ul>
    </el-card>
  </div>
</template>

<script setup lang="ts">
// 这里可以添加组件逻辑
</script>

<style scoped>
.about {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
}

h1 {
  color: #409eff;
  margin-bottom: 20px;
}

p {
  color: #666;
  font-size: 16px;
  margin-bottom: 20px;
}

ul {
  text-align: left;
  padding-left: 20px;
}

li {
  margin-bottom: 8px;
  color: #333;
}
</style>
